<!doctype html>
<html>
<head>
<script>
        (function() {
    if ("-ms-user-select" in document.documentElement.style && navigator.userAgent.match(/IEMobile\/10\.0/)) {
        var msViewportStyle = document.createElement("style");
        msViewportStyle.appendChild(
            document.createTextNode("@-ms-viewport{width:auto!important}")
        );
        document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
    }
})();
</script>

        <title>主页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
       	<link rel="stylesheet" type="text/css" href="css/af.ui.css" title="default" /> 
      	<link rel="stylesheet" type="text/css" href="css/icons.css" />   
      	<link rel="stylesheet" type="text/css" href="plugins/jquery.mobile-1.4.4.css" />
 <!--     
      <link rel="stylesheet" type="text/css" href="css/main.css"  />
      <link rel="stylesheet" type="text/css" href="css/appframework.css"  />
      <link rel="stylesheet" type="text/css" href="css/lists.css"  />
      <link rel="stylesheet" type="text/css" href="css/forms.css"  />
      <link rel="stylesheet" type="text/css" href="css/buttons.css"  />        
      <link rel="stylesheet" type="text/css" href="css/badges.css"  />        
      <link rel="stylesheet" type="text/css" href="css/grid.css"  />

      <link rel="stylesheet" type="text/css" href="css/android.css"  />
      <link rel="stylesheet" type="text/css" href="css/win8.css"  />
      <link rel="stylesheet" type="text/css" href="css/bb.css"  />
      <link rel="stylesheet" type="text/css" href="css/ios.css"  />
      <link rel="stylesheet" type="text/css" href="css/ios7.css"  />
      <link rel="stylesheet" type="text/css" href="css/tizen.css"  />
      <link rel="stylesheet" type="text/css" href="plugins/css/af.actionsheet.css"  />
      <link rel="stylesheet" type="text/css" href="plugins/css/af.popup.css"  />
      <link rel="stylesheet" type="text/css" href="plugins/css/af.scroller.css"  />
      <link rel="stylesheet" type="text/css" href="plugins/css/af.selectBox.css"  />
 -->  
      <style type="text/css">
      body,td,th, li {
	       font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
      </style>          
        <!-- uncomment for intel.xdk apps 
        <script type="text/javascript" charset="utf-8" src="intelxdk.js"></script>
        <script type="text/javascript" charset="utf-8" src="xhr.js"></script>
        -->
        <script type="text/javascript" charset="utf-8" src="plugins/jquery-2.0.3.js"></script>
    	<script type="text/javascript" charset="utf-8" src="plugins/af.ui.jquery.js"></script>
    	<script type="text/javascript" charset="utf-8" src="plugins/jquery.mobile-1.4.4.js"></script>
        <script type="text/javascript" charset="utf-8" src="plugins/highcharts.js"></script>
    	<!--
        <script type="text/javascript" charset="utf-8" src="./appframework.js"></script>
       -->
        <!-- include af.desktopBrowsers.js on desktop browsers only -->
        <script>

            function loadedPanel(what) {
                //We are going to set the badge as the number of li elements inside the target
                $.ui.updateBadge("#aflink", $("#af").find("li").length);
            }


            function unloadedPanel(what) {
                console.log("unloaded " + what.id);
            }

            if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
                var script = document.createElement("script");
                script.src = "plugins/af.desktopBrowsers.js";
                var tag = $("head").append(script);
                //$.os.desktop=true;
            }

          //  $.feat.nativeTouchScroll=true;
          
        </script>        
        <!--
        <script type="text/javascript" charset="utf-8" src="./plugins/af.actionsheet.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.css3animate.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.passwordBox.js"></script>          
        <script type="text/javascript" charset="utf-8" src="./plugins/af.scroller.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.selectBox.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.touchEvents.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.touchLayer.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.popup.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/appframework.ui.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/fade.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/flip.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/pop.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/slide.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideDown.js"></script>
        <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideUp.js"></script>
        <script type="text/javascript" charset="utf-8" src="./plugins/af.slidemenu.js"></script>
        -->
        
        <script type="text/javascript" src="js/Core/Core.js"></script>
        <script type="text/javascript" src="js/Util/Util.js"></script>
        <script type="text/javascript" src="js/Core/SQLProvider.js"></script>
        <script type="text/javascript" src="js/Core/PersonProfileTable.js"></script>
        <script type="text/javascript" src="js/Core/UserToPersonTable.js"></script>
        <script type="text/javascript" src="js/Core/HealthInputDataTable.js"></script>
        <script type="text/javascript" src="js/Control/PersonProfileCtrl.js"></script>
        <script type="text/javascript" src="js/Control/UserToPersonCtrl.js"></script>
        <script type="text/javascript" src="js/Control/HealthInputDataCtrl.js"></script>
        <script type="text/javascript" src="js/home.js"></script>
        <script type="text/javascript" src="js/healthInputData.js"></script>
        <script type="text/javascript" src="js/PersonProfile.js"></script>
        <script type="text/javascript">
/* This function runs once the page is loaded, but intel.xdk is not yet active */
            //$.ui.animateHeaders=false;
            var search=document.location.search.toLowerCase().replace("?","");
             //if(!search)
            $.ui.useOSThemes=true;
            if(search.length>0) //Android fix has too many buggy issues on iOS - can't preview with $.os.android
            {

               $.ui.useOSThemes=true;
                if(search=="win8")
                    $.os.ie=true;
                $.ui.ready(function(){
                    $("#afui").get(0).className=search;
                });
            }
            
            var webRoot = "./";
            // $.os.android=true;
            //$.ui.autoLaunch = false;
            $.ui.openLinksNewTab = false;
            $.ui.splitview=false;
            
            $(document).ready(function(){
                  // $.ui.launch();

            });
            
            /* This code is used to run as soon as intel.xdk activates */
            var onDeviceReady = function () {
                intel.xdk.device.setRotateOrientation("portrait");
                intel.xdk.device.setAutoRotate(false);
                webRoot = intel.xdk.webRoot + "";
                //hide splash screen
                intel.xdk.device.hideSplashScreen();
                $.ui.blockPageScroll(); //block the page from scrolling at the header/footer
            };
            document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);

            function showHide(obj, objToHide) {
                var el = $("#" + objToHide)[0];

                if (obj.className == "expanded") {
                    obj.className = "collapsed";
                } else {
                    obj.className = "expanded";
                }
                $(el).toggle();

            }


            if($.os.android||$.os.ie||search=="android"){
                $.ui.ready(function(){
                    $("#main .list").append("<li><a id='toggleAndroidTheme'>Toggle Theme Color</a></li>");
                    var $el=$("#afui");
                    $("#toggleAndroidTheme").bind("click",function(e){
                        if($el.hasClass("light"))
                            $el.removeClass("light");
                        else
                            $el.addClass("light");
                    });
                });
            }
            function MM_jumpMenu(targ,selObj,restore){ //v3.0
              eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
              if (restore) selObj.selectedIndex=0;
            }
        </script>
</head>


<body>
<div id="afui">
    <div id="header">
        <a id='menubadge' onclick='af.ui.toggleSideMenu()' class='menuButton'></a>
    </div>
    <div id="content">
        <div title='主页' id="home" class="panel" selected="true" data-defer="home.html" data-tab="xz_home">主页</div>
        <div title='健康数据' id="healthDataList" class="panel"  data-defer="healthDataList.html"  data-footer="footer"  data-tab="healthdatalistlink" data-load="InitHealthDataList">
        </div>
        <div title="个人信息" id="personProfile" class="panel" data-defer="personProfile.html" data-tab="" data-footer="footer" data-load="InitPersonProfileList"></div>
        <div title='关于' id="about" class="panel"  data-defer="about.html" data-footer="footer"  data-tab="xz_about">
            健康宝盒
        </div>
        <!--
        <div title='输入数据' id="datainput" class="panel"  data-defer="datainput.html"  data-footer="footer"  data-tab="datainputlink">
        </div>
        
        <div title='添加用户' id="personNew" class="panel"  data-defer="personNew.html"  data-footer="footer"  data-tab="xz_home">
        </div>
        <div title='删除用户' id="personDel" class="panel"  data-defer="personDel.html"  data-footer="footer"  data-tab="xz_home">
        </div>
        <div title='数据图表' id='dataDiagram' class='panel' data-defer='dataDiagram.html' data-footer='footer' data-tab='xz_home'>
        </div>
        <div title='设定闹钟' id="setclock" class="panel"  data-defer="setclock.html"  data-footer="footer"  data-tab="setclocklink">
        </div>
      
        <div title='医生建议' id="doctor" class="panel"  data-defer="doctor.html"  data-footer="footer"  data-tab="doctorlink">
        </div>
        -->
        <!--
        <div title='用药建议' id="medical" class="panel"  data-defer="medical.html"  data-footer="footer"  data-tab="medicallink">
        </div>
        <div title='健康数据' id="input_body" class="panel"  data-defer="input_body.html"  data-footer="footer"  data-tab="medicallink">
        </div>
        <div title='饮食录入' id="input_diet" class="panel"  data-defer="input_diet.html"  data-footer="footer"  data-tab="medicallink">
        </div>
        <div title='健康指数' id="input_fitness" class="panel"  data-defer="input_fitness.html"  data-footer="footer"  data-tab="medicallink">
        </div>
        <div title='闹钟通知' id="notification" class='panel' data-defer='notification.html' data-footer="footer" data-tab="xz_home">             </div>
        -->
        <footer id="footer">
            <a href='#healthInputDataList' id="healthdatalistlink" class='icon info'>健康数据</a>
            <a href='#datainput' id="datainputlink" class='icon info'>数据输入</a>
            <a href='#setclock' id="setclocklink" class='icon info'>闹钟设定</a>
            <a href='#doctor' id="doctorlink" class='icon info'>医生建议</a>
            <a href='#medical' id="medicallink" class='icon info'>用药建议</a>
        </footer>
        <nav>
                <ul class="list">
                  <li class="divider" class="icon home">Home</li>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <!--
                    <li><a href="#" onclick="window.location.href='index.html'">Exit</a></li>
                    -->
                </ul>
        </nav>
    </div>
</div>
<!--
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="phonegap-desktop.js"></script>
-->
<script type="text/javascript" src="phonegap-desktop.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
